<template>
    <!-- index.wxml -->
    <view class="index">
        <view class="index-hd">
            <image class="index-logo" src="https://bfb.iirr5.com/program/game/logo.png"></image>
            <view class="index-desc"></view>
        </view>
        <view class="index-bd">
            <view class="kind-list">
                <block v-for="(item, index) in list" :key="item.id">
                    <view class="kind-list-item">
                        <view :id="item.id" class="kind-list-item-hd">
                            <navigator :url="'/pages/' + item.id + '/' + item.sub" class="navigator" hover-class="none">
                                <view class="kind-list-text">
                                    {{ item.name }}
                                    <text class="kind-text">{{ item.state ? '' : '暂未开放' }}</text>
                                </view>
                                <image class="kind-list-img" :src="'https://bfb.iirr5.com/program/game/' + item.id + '.png'"></image>
                            </navigator>
                        </view>
                    </view>
                </block>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            list: [
                {
                    id: 'wheel',
                    sub: 'wheel',
                    name: '大转盘',
                    state: 1
                },
                {
                    id: 'fruitMachine',
                    sub: 'fruitMachine',
                    name: '水果机',
                    state: 0
                },
                {
                    id: 'scratch',
                    sub: 'scratch',
                    name: '刮刮乐',
                    state: 0
                },
                {
                    id: 'slotMachine',
                    sub: 'slotMachine',
                    name: '老虎机',
                    state: 0
                },
                {
                    id: 'gridcard',
                    sub: 'gridcard',
                    name: '九宫格翻纸牌',
                    state: 0
                },
                {
                    id: 'shake',
                    sub: 'shake',
                    name: '摇一摇',
                    state: 0
                },
                {
                    id: 'gestureLock',
                    sub: 'gestureLock',
                    name: '手势解锁',
                    state: 0
                }
            ]
        };
    },
    methods: {}
};
</script>
<style>
@import './index.css';
</style>
